<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,   initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>我的博客</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script>
			$(function() {
				//复制列表
				var $item = $(".post_list .post_item");
				$(".post_list").append($item.clone()).append($item.clone()).append($item.clone());

				$("#t1").datetimepicker();
				
				
			});
		</script>
	</head>

	<body>
		<!--容器开始-->
		<div class="container">
			<!--第一行开始-->
			<div class="row">
				<div class="col-md-4">
					<img src="img/logo.jpg" />
				</div>
				<div class="col-md-8">
					<iframe style="float: right;" width="100%" scrolling="no" height="65px;" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe>
				</div>
				<hr />
			</div>
			<!--第一行结束-->

			<!--第二行开始-->
			<div class="row">
				<div class="col-md-12">
					<ul class="nav nav-tabs mine-nav ">
						<li class="active">
							<a rel="nofollow" href="#">首页</a>
						</li>
						<li>
							<a rel="nofollow" href="detail.html" >详细</a>
						</li>
						<li>
							<a rel="nofollow" href="about.html" target="_blank">关于</a>
						</li>
						<li class="pull-right">
							<form class=" form-inline " role="search">
								<div class="form-group">
									<input class="form-control" type="text" />
								</div> 
								<button type="submit" class="btn btn-default">搜索</button>
							</form>
							
						</li>
					</ul>
				</div>
			</div>
			<!--第二行结束-->

			<!--主体开始-->
			<div class="row">
				<!--左侧菜单-->
				<div class="col-md-2">
					<div class="menu_div">
						<h4>文章菜单</h4>
						<ul class="left_menu nav nav-stacked">
							<li>
								<a>系统模块</a>
								<ul class="itme">
									<li>
										<a>11122222222</a>
									</li>
									<li>
										<a>222</a>
									</li>
									<li class="active">
										<a>333</a>
									</li>
								</ul>
							</li>
	
							<li>
								<a>测试 哈哈</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>
	
							<li>
								<a>java</a>
								<ul class="itme">
									<li>
										<a>444</a>
									</li>
									<li>
										<a>555</a>
									</li>
									<li>
										<a>666</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<!--中间列表-->
				<div class="col-md-8">
					<!--文章列表 -->
					<div class="post_list">

						<div class="post_item">
							<!--推荐-->
							<div class="digg">
								<div class="diggit">
									<span class="diggnum">20</span>
								</div>
								<div class="clear"></div>
								<div class="digg_tip"></div>
							</div>
							<div class="post_item_body">
								<h3><a class="titlelnk" href="detail.html" target="_blank">关于开源的那些事</a></h3>
								<p class="post_item_summary">
									前言 其实想写写关于开源的文章已经好久了，从在2010年开始接触Hadoop到现在已经有六个年头了，从最早的Hadoop用户和Contributor，再成为Committer，最后成为PMC (Product Management Committee，项目管理委员会) 委员，挫折、 欣喜都在交替在我 ...
								</p>
								<div class="post_item_foot">
									<a class="lightblue">小明</a>发布于 2016-8-21 15:03
									<span class="article_comment">
										<a class="gay">评论(12)</a>
									</span>
									<span class="article_view">&nbsp;<a class="gay">阅读(1020)</a></span>
								</div>
							</div>
						</div>

						<div class="post_item">
							<!--推荐-->
							<div class="digg">
								<div class="diggit">
									<span class="diggnum">15</span>
								</div>
								<div class="clear"></div>
								<div class="digg_tip"></div>
							</div>
							<div class="post_item_body">
								<h3><a class="titlelnk" href="http://www.baidu.com" target="_blank">图解PHP</a>	</h3>
								<p class="post_item_summary">
									HTTP基础的简单理解 在了解HTTP协议之前，我们先了解下TCP/IP的参考模型，TCP/IP参考模型分为四层：应用层、传输层、网络层、链路层(数据链路层)。 应用层：为不同的网络应用提供所需的服务。 传输层：为应用层实体提供端到端的通信/传输功能，确保数据包的按顺序传送及数据的完整性。 网络层：
								</p>
								<div class="post_item_foot">
									<a class="lightblue">张三</a>发布于 2016-8-21 15:03
									<span class="article_comment">
										<a class="gay">评论(112)</a>
									</span>
									<span class="article_view">&nbsp;<a class="gay">阅读(1889)</a></span>
								</div>
							</div>
						</div>

					</div>
					<!--文章列表结束-->
					<div class="text-center "></div>
					<ul class="pagination pagination-sm pager-list">
						<li>
							<a rel="nofollow" href="#">首页</a>
						</li>
						<li>
							<a rel="nofollow" href="#">上一页</a>
						</li>
						<li>
							<a rel="nofollow" href="#">1</a>
						</li>
						<li>
							<a rel="nofollow" href="#">2</a>
						</li>
						<li>
							<a rel="nofollow" href="#">3</a>
						</li>
						<li>
							<a rel="nofollow" href="#">4</a>
						</li>
						<li>
							<a rel="nofollow" href="#">5</a>
						</li>
						<li>
							<a rel="nofollow" href="#">下一页</a>
						</li>
						<li>
							<a rel="nofollow" href="#">末页</a>
						</li>
					</ul>
					
				</div>
				<!--右侧相关-->
				<div class="col-md-2">
					<div class="calendar" data-format="yyyy-mm-dd"></div>

				</div>
			</div>
			<!--主体结束-->

			<!--页脚-->
			<div id="footer" class="container">
				<nav class="navbar navbar-default navbar-fixed-bottom">
					<div class="navbar-inner navbar-content-center">
						<div align="center" style="padding-top: 15px;">
							<!--<span style="float: left;padding-left: 20px;">整理自 <a  href="http://www.baidu.com" target="_blank">网络</a> V1.0</span>-->Copyright © VIC学习记录
						</div>
					</div>
				</nav>
			</div>
			<!--容器结束-->
		</div>
	</body>

</html>